page{
    background: #F5F5F5;
    min-height: 100%;
}
.message-img{
	position: relative;
	
}
.message-img .reddot{
	position: absolute;
	right: 0px;
	top:0px;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	
	background: #DA131D;
}
.container{
    background: #F5F5F54;
    min-height: 100%;
    padding-top: 30rpx;
}
.top{
	position: relative;
}
.top .clear{
	position: absolute;
	top: 0rpx;
	right: 20rpx;
}
.top .clear .clear-icon{
	width: 25rpx;
	height: 23rpx;
	position: relative;
	top: 4rpx;
	margin-right: 10rpx;
}
.top .clear text{
	font-size:20rpx;
	color: #28AAFE;
}
.tab {
	display: flex;
	justify-content: center;
	width: 55%;
	margin: 0px auto;
	justify-content: space-around;
	
}
.tab .title{
	/* flex: 1; */
	text-align: center;
	height: 55rpx;
	color: #666666;
	font-size: 28rpx;
	position: relative;
	

}
.tab .title:last-child{
	/* margin-left: 60rpx; */
}
.tab .title .num{
	height: 20rpx;
	font-size: 18rpx;
	line-height: 20rpx;
	padding: 0rpx 8rpx;
	position: absolute;
	background: #DA131D;
	color: #fff;
	border-radius: 10rpx;
	top: 0rpx;
	right: -20rpx;
	
}

.tab .active{
	color: #27A9FD;
	font-weight: bold;
}
.tab .active::after{
	content:'';
	display: block;
	width: 40rpx;
	height: 6rpx;
	background: #27A9FD;
	border-radius: 3rpx;
	position: absolute;
	bottom: 0rpx;
	left: 50%;
	margin-left: -20rpx;
}

.message-box{
	width: 710rpx;
	margin: 0px auto;
}
.message-list{
	width: 710rpx;
	background: #fff;
	border-radius: 16rpx;
	margin-top: 20rpx;
	padding: 20rpx;
	box-sizing: border-box;
}
.message-list .title {
	/* height: 30rpx; */
	/* line-height: 30rpx; */
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}
.message-list .title .title-left{
	display: flex;
	align-items: center;
}
.message-list .title .time{
	color: #333333;
	font-size: 20rpx;
	/* float: right; */
}



.message-list .title .tit{
	color: #333;
	font-size: 28rpx;
	font-weight: bold;
	
	max-width: 300rpx;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
}
.message-list .title .over{
	display: inline-block;
	height: 32rpx;
	line-height: 32rpx;
	background: #CCCCCC;
	color: #333333;
	font-size: 18rpx;
	padding: 0rpx 10rpx;
	border-radius: 16rpx;
	float: left;
	margin-left: 20rpx;
}


.message-list .message-con{
	display: flex;
	margin-top: 20rpx;
}
.message-list .message-con .message-img{
	width: 120rpx;
	height: 120rpx;
}
.message-list .message-con .message-img image{
	width: 120rpx;
	height: 120rpx;
}

.message-list .message-con .message-txt{
	width: 500rpx;
	font-size: 24rpx;
	color: #333;
	margin-left: 20rpx;

}
.message-list .message-con .message-txt .txt{
	overflow:hidden;
	display:-webkit-box; 
	text-overflow:ellipsis;
	-webkit-line-clamp:2; 
	-webkit-box-orient:vertical; 
	white-space:normal;
}

.message-list .message-con .message-txt .color{
	color: #999999;
}
.message-list .message-con .message-txt .desc{
	color: #999999;
	font-size: 24rpx;
	margin-top: 10rpx;
}
.userinfotab{
	line-height:36rpx;
}
.message-list .message-con .message-txt .click{
color: #333333;
font-weight: Bold;
font-size: 24rpx;
}

.infoEmpty{
	width: 100%;
	padding-top: 180rpx;
	text-align: center;
}
.infoEmpty image{
	width: 253rpx;
	height: 261rpx;
}
.infoEmpty .infoNo{
	color: #666666;
	font-size: 32rpx;
	font-weight: bold;
	margin-top: 35rpx;
}